<template>
  <ul class="flex justify-center">
    <li class="mx-1 px-3 py-2 bg-gray-200 text-gray-500 rounded-lg">
      <a class="flex items-center font-bold" href="/question/index">
        <span class="mx-1">上一页</span>
      </a>
    </li>
    <li
      class="mx-1 px-3 py-2 bg-gray-200 hover:bg-gray-900 hover:text-gray-200 rounded-lg"
    >
      <a class="font-bold" href="/question/index">1</a>
    </li>
    <li
      class="mx-1 px-3 py-2 bg-gray-200 hover:bg-gray-900 hover:text-gray-200 rounded-lg"
    >
      <a class="font-bold" href="/question/index">2</a>
    </li>
    <li
      class="mx-1 px-3 py-2 bg-gray-200 hover:bg-gray-900 hover:text-gray-200 rounded-lg"
    >
      <a class="font-bold" href="/question/index">3</a>
    </li>
    <li
      class="mx-1 px-3 py-2 bg-gray-200 hover:bg-gray-900 hover:text-gray-200 rounded-lg"
    >
      <a class="flex items-center font-bold" href="/question/index">
        <span class="mx-1">下一页</span>
      </a>
    </li>
  </ul>
</template>

<script>
export default {};
</script>
